<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="margin-right" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/css/productlist.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/css/list.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/pagination/pagination.css">
</head>
<body style="text-align: left;background: #FFFFFF">
<%@ include file="head.jsp" %>
<!-- 通栏广告 -->
<div class="header_ad">
    <div class="wrap">
        <a href="#" data-url="#" data-pid="" class="tj_link" target="_blank"><img
                src="${pageContext.request.contextPath }/static/images/productlist/29eb983c5f0944f696652420a612c178.jpg"
                width="1190" height="100" title="csgo周边" alt=""></a>
    </div>
</div>

<!-- 面包屑导航 -->
<div class="nav_bar">
    <div class="wrap">
        <a href="index.html">首页</a>

        &gt; <a href="#">Dota2神秘商店</a>


        &gt; <a href="#">DOTA2神秘商店</a>

        &gt; <a href="#">创意T恤</a>


    </div>
</div>

<!-- 分类导航 -->
<div class="class_nav">
    <div class="wrap">
        <dl class="cf">
            <dt class="f_left">分类：</dt>
            <dd class="f_left">
                <a href="#" class="">全部</a>

                <a href="#" class="">DOTA2神秘商店</a>

            </dd>
        </dl>
    </div>
</div>

<!-- 商品列表主体 -->
<div class="wrap">
    <div class="sequence">
        <a href="#" data-order="1" class="sales ">销量</a>
        <a href="#" data-order="2" class="prices">价格<span></span></a>
        <a href="#" data-order="4" class="">上架时间</a>
    </div>
    <div class="cf list">
        <ul class="cf" id="product">
            <c:forEach items="${pageInfo.list}" begin="1" end="10" var="product" varStatus="status">
                <li class="product-item in"
                    <c:if test="${(status.index) % 4 == 0 && status.index != 0 }">style="margin: 0;"</c:if>>
                    <a href="#" data-pid="528" class="like "><span></span><font>${product.pid}</font></a>
                    <a href="${pageContext.request.contextPath}/productInfoView?pid=${product.pid}" target="_blank"><img
                            src="${pageContext.request.contextPath}/showPic?pid=${product.pid}"
                            alt="" title="${product.pname}"></a>
                    <p class="name ellipsis" title="${product.pname}"
                       style="word-wrap: break-word; word-break: break-all;">${product.pname}</p>
                    <p class="price">¥${product.price}
                    </p>
                    <div class="add"
                         style="overflow: hidden; display: none; height: 90px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                        <a class="star stars0" href="#" target="_blank"></a>
                        <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                    </div>
                </li>
            </c:forEach>
        </ul>
    </div>
</div>

<%@ include file="footer.jsp" %>
</body>
</html>